<script setup>
import html2Canvas from "html2canvas"
import JsPDF from "jspdf";
const getPdf = () => {
  //获取页面标题，作为文件名称，也可以使用时间戳生成不重复的文件名使用
  var title = "董亮琼-Java高级工程师"

  document.querySelectorAll(".pageDevide").forEach(function (ele) {
    ele.style.margin = '120px';
  })

  html2Canvas(document.querySelector('#pdfDom'), {
    allowTaint: true,
    //防止页面过宽导致右侧出现黑灰色背景区域
    scale: 2
  }).then(function (canvas) {
        let contentWidth = canvas.width
        let contentHeight = canvas.height
        //A4纸张标准宽高进行转换
        let pageHeight = contentWidth / 592.28 * 841.89
        let leftHeight = contentHeight
        let position = 0
        let imgWidth = 595.28
        let imgHeight = 592.28 / contentWidth * contentHeight
        let pageData = canvas.toDataURL('image/jpeg', 1.0)
        let PDF = new JsPDF('', 'pt', 'a4')
        if (leftHeight < pageHeight) {
          PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
        } else {
          while (leftHeight > 0) {
            PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
            leftHeight -= pageHeight
            position -= 841.89
            if (leftHeight > 0) {
              PDF.addPage()
            }
          }
        }
        //文件导出生成
        PDF.save(title + '.pdf')
        setTimeout(function () {
          document.querySelectorAll(".pageDevide").forEach(function (ele) {
            ele.style.margin = '0';
          })
        }, 1000)
      }
  )
}
</script>
<template>
  <div class="resume-main">
    <p class="last-modified">最后更新于2024年4月</p>`
    <a class="download-pdf" @click="getPdf()">下载 PDF</a>
    <main id="pdfDom" class="content">
      <!--基本信息-->
      <header class="content-hd">
        <section class="title">
          <div class="name">
            <h1>董亮琼</h1>
          </div>
          <div class="job">
            <h2>Java高级工程师</h2>
          </div>
        </section>
        <section class="info">
          <ul>
            <li>男 / 1992.12</li>
            <li>中国地质大学（北京）·&nbsp;&nbsp;硕士研究生</li>
            <li>本科 / 2015年毕业</li>
            <li>硕士 / 2018年毕业</li>
          </ul>
        </section>
        <section class="contact">
          <ul>
            <li>
              <a href="https://www.sangedon.cn">
                <span class="contact-link">我的技术博客</span>
                <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
              <path
                  d="M512 42.581333l-469.333333 469.333333 31.146667 31.146667L170.666667 446.250667l0 438.186667 682.666667 0L853.333333 446.208l96.853333 96.896 31.146667-31.146667L512 42.581333zM426.666667 841.770667l0-298.666667 170.666667 0 0 298.666667L426.666667 841.770667zM810.666667 841.770667l-170.666667 0 0-341.333333L384 500.437333l0 341.333333L213.333333 841.770667 213.333333 403.584l298.666667-298.666667 298.666667 298.666667L810.666667 841.770667z"></path>
              </svg>
            </span>
              </a>
            </li>
            <li>
              <a href="https://gitee.com/sangedon">
                <span class="contact-link">Gitee - Sangedon</span>
                <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                    d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.005-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.016-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.011l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z"></path>
              </svg>
            </span>
              </a>
            </li>
            <li>
              <a href="mailto:sangedon@163.com">
                <span class="contact-link">sangedon@163.com</span>
                <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                    d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z"></path>
              </svg>
            </span>
              </a>
            </li>
            <li>
              <a href="mailto:sange.dong@outlook.com">
                <span class="contact-link">18601371361</span>
                <span class="iconfont">
              <svg width="16px" height="16px" viewBox="0 0 1024 1024">
                <path
                    d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z"></path>
              </svg>
            </span>
              </a>
            </li>
          </ul>
        </section>
      </header>

      <div class="content-bd">
        <div class="content-head">
          <section class="practice">
            <header class="section-hd">
              <span class="section-title-l"></span>
              <h2 class="section-title">经历</h2>
              <span class="section-title-r"></span>
            </header>
            <div class="section-bd">

              <!--经历:工作-->
              <div class="item">
                <header class="item-hd">
                  <h3 class="item-name">北京海致科技集团有限公司</h3>
                  <span class="item-time">2021.07&nbsp;至今</span>
                  <a class="btn item-more" href="https://www.haizhi.com/">工作</a>
                </header>
                <div class="item-bd">
                  <p class="item-title">阶段二:&nbsp;&nbsp;&nbsp;&nbsp;2022.04&nbsp;至今</p>
                  <p class="item-des">于项目交付部的高级服务端开发工程师岗位，包括：</p>

                  <p class="item-title">项目:&nbsp;&nbsp;&nbsp;&nbsp;湖北区域公安、电力行业交付项目</p>
                  公安行业主要是进行风险防范平台的开发,主要服务客户为湖北区域各地市GA(武汉、十堰、鄂州、荆门、随州、咸宁、孝感等),电力行业主要客户为省电力和市电力公司,业务包含光缆平台及一些后勤业务系统的开发
                  <p class="item-role">角色：湖北区域交付研发Leader</p>
                  <p class="item-work">工作内容：</p>
                  <ul class="section-content">
                    <li>各项目人力资源的安排,工期评估</li>
                    <li>项目建设过程中需求分析及技术方案提供</li>
                    <li>项目进行中出现的技术问题解决</li>
                    <li>与合作友商项目合作过程中的技术方案对接</li>
                    <li>风险防范平台后台代码核心框架搭建及设计</li>
                    <li>日常项目开发中核心需求代码编写</li>
                  </ul>
                  <p class="item-tail">上述经历主要涉及技能点为：</p>
                  <ul class="section-content">
                    <li>Java, Spring Boot，Spring Cloud gateway，Spring Cloud Alibaba，nacos，dubbo, mysql，redis，websocket，nginx，docker，shell</li>
                  </ul>
                </div>

                <div class="item-bd">
                  <p class="item-title">阶段一:&nbsp;&nbsp;&nbsp;&nbsp;2021.07～2022.04</p>
                  <p class="item-des">于产品技术部的高级服务端开发工程师岗位，包括：</p>

                  <p class="item-title">项目:&nbsp;&nbsp;&nbsp;&nbsp;数字化派出所六中心项目</p>
                  打造一个低代码平台，提供自定义表单，流程，数据采集，任务派发等功能的用于公安政务行业的通用业务解决方案系统
                  <p class="item-role">角色：项目核心开发</p>
                  <p class="item-work">工作内容：</p>
                  <ul class="section-content">
                    <li>完成自定义表单搭建的后台开发(表单属性，列表设计等)</li>
                    <li>完成任务模块后台配置及前台管理的开发</li>
                    <li>完成流程监控模块的开发</li>
                    <li>负责上海虹口，广州天河及北京昌平等地问题及现场需求解决</li>
                    <li>改善项目部署流程(sql更新及部署流程固定化)</li>
                    <li>湖北区域交付项目研发</li>
                  </ul>
                  <p class="item-tail">上述经历主要涉及技能点为：</p>
                  <ul class="section-content">
                    <li>Java 8、Spring Boot，Spring Cloud gateway，feign，mysql，redis，mongodb，rabbitmq，nginx， jenkins，docker，shell</li>
                  </ul>
                </div>
              </div>

              <div class="pageDevide"></div>

              <div class="item">
                <header class="item-hd">
                  <h3 class="item-name">华为武汉研究所 (OD)</h3>
                  <span class="item-time">2019.10 ～ 2021.07</span>
                  <a class="btn item-more" href="https://www.huawei.com/cn/gallery/facilities/hw_277229">工作</a>
                </header>
                <div class="item-bd">
                  <p class="item-des">于传送与接入产品线<a>AI应用开发部</a>的软件开发工程师岗位，包括：</p>

                  <p class="item-title">项目一&nbsp;&nbsp;&nbsp;&nbsp;OSGI核心插件  （2020.09～）</p>
                  OSGI核心插件是运行在网关上面的插件，主要用于采集网管数据，实现家庭网关的远程管理及维护，是现网三百万台华为及三方网管能够被管理的基础
                  <p class="item-role">角色：OSGI核心插件开发及项目接口人</p>
                  <p class="item-work">工作内容：</p>
                  <ul class="section-content">
                    <li>完成证书、加密，权限，IPV6适配等需求的开发</li>
                    <li>完成北京移动版本插件在各版本网管上的全功能验证，整理因网管版本较老原因导致的功能问题</li>
                    <li>针对不符合规范、存在安全问题、难维护的代码进行整改及重构</li>
                    <li>搭建OSGI插件的LLT框架，解决了插件开发本地测试难的问题</li>
                    <li>参与IPV6、三方网关权限、自定义弹窗业务功能的设计</li>
                    <li>负责OSGI插件内外问题接口，对内支撑上下游部门的产品发布与问题定位，对外支撑包括北京移动/甘肃移动/厄瓜多尔/南京移动/云南移动等局点的现网三百万纳管网管的问题定位</li>
                  </ul>
                  <p class="item-tail">上述经历主要涉及技能点为：</p>
                  <ul class="section-content">
                    <li>Java、OSGI、MQTT、GRPC、Jetty、Maven、Mockito</li>
                  </ul>

                  <p class="item-title">项目二&nbsp;&nbsp;&nbsp;&nbsp;UTS构建  （2019.10～2020.08）</p>
                  维护UTS领域门禁，代码质量，领域版本，仿真版本等的构建及流水线工程维护，保障构建过程规范可信、可追溯以及构建结果的BEP一致性，引导构建规范整改以及对接多个产品实现全量源码构建
                  <p class="item-role">角色：UTS平台全量源码构建与持续集成业务Owner</p>
                  <p class="item-work">工作内容：</p>
                  <ul class="section-content">
                    <li>看护UTS平台基础，算法以及综合各领域的门禁，代码检查以及日常版本，保障正常业务运行</li>
                    <li>设计UTS领域cmake整改样例，并推行全产品落地</li>
                    <li>搭建全量源码构建门禁，daily版本以及编译检查工程</li>
                    <li>引导UTS平台各领域进行构建规范整改，达成构建过程安全，可信以及构建结果BEP一致的目标</li>
                    <li>完成UTS全领域对接多产品全量源码构建的整改落地，且该方式成为产品版本构建的正式途径</li>
                    <li>配合各产品进行构建优化，领域构建时长优化约20%，协助产品提升构建效率2.5倍</li>
                    <li>搭建Prometheus+Grafana监控系统，对UTS领域 1000+ 的构建资源进行性能及使用量监控，为资源故障及合理利用资源提供资料</li>
                  </ul>
                  <p class="item-tail">上述经历主要涉及技能点为：</p>
                  <ul class="section-content">
                    <li>Linux、shell、cmake、Ansible、Jenkins、prometheus、grafana</li>
                  </ul>

                </div>
              </div>

              <div class="item">
                <header class="item-hd">
                  <h3 class="item-name">北京哗啦啦</h3>
                  <span class="item-time">2018.07 至 2019.09</span>
                  <a class="btn item-more" href="http://www.hualala.com">工作</a>
                </header>
                <div class="item-bd">
                  <p class="item-des">于<a href="http://www.hualala.com">哗啦啦</a>信息部参与<a href="https://passport.hualala.com/login?redirectURL=https%3A%2F%2Fshop.hualala.com#">哗啦啦商户中心</a>的后端开发，包括：</p>
                  <p class="item-title">项目：哗啦啦商户中心</p>
                  哗啦啦商户中心是多来点公司餐饮行业线下门店客户拓展、商户管理以及会员商户门店数据管理的后台管理系统
                  <p class="item-role">角色：研发工程师</p>
                  <p class="item-work">工作内容：</p>
                  <ul class="section-content">
                    <li>负责完成商户中心知识管理模块前后台功能的实现</li>
                    <li>完成报表模块的开发以及固有报表同步下载的异步迁移</li>
                    <li>完成电子合同，相同商户去重推荐</li>
                    <li>负责商户异常数据的处理与维护</li>
                  </ul>

                  <div class="pageDevide"></div>

                  <p class="item-tail">上述经历主要涉及技能点为：</p>
                  <ul class="section-content">
                    <li>SpringBoot、Spring MVC、Mybatis、Mysql、ElasticSearch</li>
                    <li>GRPC、Nginx、Jenkins、Docker、Maven、Git</li>
                  </ul>
                </div>
              </div>
            </div>
          </section>
        </div>
        <div class="content-head">
          <section class="skill">
            <header class="section-hd">
              <span class="section-title-l"></span>
              <h2 class="section-title">技能</h2>
              <span class="section-title-r"></span>
            </header>
          </section>

          <div class="content-left">
            <div class="section-bd">
              <!--技能:JS-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">Java</span>
                  <a class="btn item-more">熟练</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>熟知Java基本语法，掌握集合、IO、JUC、反射、注解及JVM等</li>
                    <li>熟悉基本的算法及设计模式,熟练使用各种中间件技术如MQ及MINIO</li>
                    <li>熟练使用Spring，SpringMVC，Mybatis，SpringBoot等开发框架</li>
                    <li>熟练使用springcloud等系列微服务开发框架</li>
                  </ul>
                </div>
              </div>

              <!--React-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">Web</span>
                  <a class="btn item-more">掌握</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>熟悉JS，Jquery，HTML，CSS，Ajax开发，并有项目实际经验</li>
                    <li>熟悉Nginx的部署与配置</li>
                    <li>能使用Vue,ElementUI等前端框架的开发</li>
                  </ul>
                </div>
              </div>

              <!--Nodejs-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">数据库</span>
                  <a class="btn item-more">掌握</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>掌握Mysql结构化数据库的使用与基本原理</li>
                    <li>掌握Redis内存K-V型数据库的基本使用</li>
                    <li>熟悉ElasticSearch全文检索引擎的基本使用</li>
                  </ul>
                </div>
              </div>

            </div>
          </div>

          <div class="content-right" style="margin-bottom: 70px">
            <div class="section-bd">

              <!--Webpack-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">Devops</span>
                  <a class="btn item-more">掌握</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>设计和优化了团队全量源码构建流程</li>
                    <li>熟练使用docker，并在实际项目中应用</li>
                    <li>熟练使用jenkins，能独立搭建jenkins流水线部署环境</li>
                    <li>熟练使用Maven等构建工具</li>
                    <li>熟悉Linux开发部署及shell,python等脚本的编写</li>
                  </ul>
                </div>
              </div>

              <!-- Golang
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">Python</span>
                  <a class="btn item-more">掌握</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>掌握Python基本语法与常用库</li>
                    <li>用python脚本写过小工具</li>
                  </ul>
                </div>
              </div> -->

              <!--网络协议-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">网络协议</span>
                  <a class="btn item-more">掌握</a>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>掌握互联网基本运行机制，TCP与UDP协议</li>
                    <li>掌握HTTP协议，对新版HTTP2也有了解</li>
                  </ul>
                </div>
              </div>

              <!--其它-->
              <div class="item">
                <header class="item-hd">
                  <span class="item-time">其它</span>
                </header>
                <div class="item-bd">
                  <ul class="section-content">
                    <li>有轻微代码洁癖,会在编码过程中不断优化历史代码</li>
                    <li>资深JetBrains、Mac用户</li>
                  </ul>
                </div>
              </div>

              <!--Nodejs-->
              <div class="item" style="margin-bottom: 5px;">
                <header class="item-hd">
                  <span class="item-time"></span>
                </header>
              </div>
            </div>
          </div>
        </div>
        <br />
        <div class="content-left">
          <section class="personal">
            <header class="section-hd">
              <span class="section-title-l"></span>
              <h2 class="section-title">自我评价</h2>
              <span class="section-title-r"></span>
            </header>
          </section>

          <div class="section-bd person">
            <div class="item">
              <div class="item-bd">
                <ul>
                  <li>学习能力强，能抗压，在十堰项目工期紧、任务多的情况下,连续高强度甚至通宵工作接近两个月,最终项目达成客户要求</li>
                  <li>团队协作能力强，在项目交付中能保持和友商的良好沟通以及内部团队优秀项目的经验复用</li>
                  <li>能主动承担责任,具有较强的解决问题能力,项目交付过程中通常能快速解决现场出现的各种问题</li>
                </ul>
              </div>
            </div>
          </div>

        </div>

        <div class="content-right">
          <section class="hobby">
            <header class="section-hd">
              <span class="section-title-l"></span>
              <h2 class="section-title">兴趣</h2>
              <span class="section-title-r"></span>
            </header>
          </section>
          <div class="section-bd">
            <div class="item">
              <div class="item-bd">
                <ul>
                  <li>徒步(空余时间五公里、环东湖)</li>
                  <li>爬山(周末周边)</li>
                  <li>看小说</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <footer class="github-footer">
      <a class="footer-link" href="https://beian.miit.gov.cn/" target="_blank">鄂ICP备20010414号-1</a>
<!--      <a class="footer-link" href="https://github.com/SangeDong/resume">页面托管在Github Pages上</a>-->
    </footer>
  </div>
</template>

<style scoped>
 @import "../assets/styles/resume.css";

</style>